.titlelistwarp { overflow-y: scroll; height: 75vh; }

.headlist { display: flex; flex-direction: column; padding: 5px; background: #fff; border-left: 1px solid #e0f2fe; }

.headlist_title { display: flex; align-items: center; border-bottom: 1px solid #e0f2fe; border-left: 1px solid #e0f2fe; padding: 4px 5px; background: #fff; height: 7vh; }

.headlist_title > div { padding: 8.3px 7px; }

.headlist li { list-style: decimal; padding: 0 5px; border-radius: 5px; margin-bottom: 4px; font-size: 14px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #d8d8d8; text-decoration: none; transition: all .3s ease; font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif; font-size: 16px; font-weight: 300; }

.headlist li:hover { color: #42b983; }

.headlist li[class*="-H1"] { color: #282c34; padding-left: 10px; }

.headlist li[class*="-H2"] { color: #959da5; padding-left: 30px; }

.headlist li[class*="-H3"] { color: #959da5; padding-left: 40px; }

.headlist li[class*="-H4"] { color: #959da5; padding-left: 50px; }

.headlist li[class*="-H5"] { color: #959da5; padding-left: 60px; }

.headlist li[class*="-H6"] { color: #959da5; padding-left: 70px; }

.editor_content_dome { position: relative; }

.Fonttype .is-active { font-weight: bold; color: #42b983; }

.Fonttype .Fonttypelists { display: flex; flex-direction: column; }

.Fonttype .Fonttypelists > span { cursor: pointer; text-align: center; }

.Fonttype .Fonttypelists > span:hover { color: #42b983; }

.menudoms { position: absolute; background: #fff; border-radius: 5px; box-shadow: 3px 5px 13px #bcbaba; opacity: 0; transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; top: 0; left: 0; cursor: pointer; min-width: 50px; padding: .1rem .3rem; }

.menudoms .Menuitem { background: #97bce1; padding: .1rem; border-radius: 3px; font-size: .6rem; text-align: center; margin: 5px 0; white-space: nowrap; }

.menudoms .Menuitem:hover { background: #8db0d2; }

.ProseMirror mark { color: currentColor; }

.ProseMirror table { border-collapse: collapse; table-layout: fixed; width: 100%; margin: 0; overflow: hidden; }

.ProseMirror table td, .ProseMirror table th { min-width: 1em; border: 1px solid #0D0D0D; padding: 3px 5px; vertical-align: top; box-sizing: border-box; position: relative; }

.ProseMirror table td > *, .ProseMirror table th > * { margin-bottom: 0; }

.ProseMirror table th { font-weight: bold; text-align: left; background-color: #f1f3f5; }

.ProseMirror table .selectedCell:after { z-index: 2; position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: rgba(200, 200, 255, 0.4); pointer-events: none; }

.ProseMirror table .column-resize-handle { position: absolute; right: -2px; top: 0; bottom: -2px; width: 4px; background-color: #adf; pointer-events: none; }

.ProseMirror table p { margin: 0; }

.tableWrapper { padding: 1rem 0; overflow-x: auto; }

.resize-cursor { cursor: ew-resize; cursor: col-resize; }

.ProseMirror { min-height: 100px; }

.ProseMirror-focused { outline-style: none; }

.editor_title { font-size: 14px; padding: 10px; background: #fff; border-bottom: 1px solid #e0f2fe; display: flex; justify-content: space-between; }

.editor_title > div:nth-of-type(1) { flex: 1; }

.editor_title > div:nth-of-type(1) > input { outline-style: none; background: transparent; font-size: 17px; color: #616161; border: none; width: 80%; }

.editor_title > div:nth-of-type(1) + div { display: flex; align-items: center; width: 16%; justify-content: flex-end; }

.editor_title > div:nth-of-type(1) + div > div { background: #60a5fa; border-radius: 3px; padding: 3px 10px; margin: 0 5px; cursor: pointer; color: #fff; }

code { color: #fbbf24; background: #475569; border-radius: 3px; padding: 3px 5px; margin: 0 2px; font-size: 12px; }

blockquote { font-size: 14px; padding: 6px 23px; margin: 22px 0; border-left: 6px solid #42b983; background-color: #f3f5f7; font-weight: 400; }

.editor_content { font-size: 14px; padding: 20px; background: #fff; border-right: 1px solid #e0f2fe; background-color: #f0f9ff; height: 75vh; overflow-y: scroll; }

.editor_content_dome { background: #fff; border-radius: 5px; padding: 10px; min-height: 100%; }

.ProseMirror > * + * { margin-top: 0.75em; }

.ProseMirror ul { padding: 0 1rem; list-style: disc; }

.ProseMirror ul li > ul { list-style: circle; }

.ProseMirror ol { padding: 0 1rem; list-style: decimal; }

.ProseMirror ol li { margin: 2px 0; }

.ProseMirror ol li ul { list-style: circle; }

.ProseMirror pre { background: #475569; color: #FFF; font-family: 'JetBrainsMono', monospace; padding: 0.75rem 1rem; border-radius: 0.5rem; }

.ProseMirror pre code { color: inherit; padding: 0; background: none; font-size: 0.8rem; }

.ProseMirror pre .hljs-comment, .ProseMirror pre .hljs-quote { color: #616161; }

.ProseMirror pre .hljs-variable, .ProseMirror pre .hljs-template-variable, .ProseMirror pre .hljs-attribute, .ProseMirror pre .hljs-tag, .ProseMirror pre .hljs-name, .ProseMirror pre .hljs-regexp, .ProseMirror pre .hljs-link, .ProseMirror pre .hljs-name, .ProseMirror pre .hljs-selector-id, .ProseMirror pre .hljs-selector-class { color: #F98181; }

.ProseMirror pre .hljs-number, .ProseMirror pre .hljs-meta, .ProseMirror pre .hljs-built_in, .ProseMirror pre .hljs-builtin-name, .ProseMirror pre .hljs-literal, .ProseMirror pre .hljs-type, .ProseMirror pre .hljs-params { color: #FBBC88; }

.ProseMirror pre .hljs-string, .ProseMirror pre .hljs-symbol, .ProseMirror pre .hljs-bullet { color: #B9F18D; }

.ProseMirror pre .hljs-title, .ProseMirror pre .hljs-section { color: #FAF594; }

.ProseMirror pre .hljs-keyword, .ProseMirror pre .hljs-selector-tag { color: #70CFF8; }

.ProseMirror pre .hljs-emphasis { font-style: italic; }

.ProseMirror pre .hljs-strong { font-weight: 700; }

.editor_tools { display: flex; align-items: center; border-bottom: 1px solid #e0f2fe; padding: 5px 5px; background: #fff; height: 7vh; }

.editor_tools .textalgins { display: flex; border-left: 1px solid #e0f2fe; border-right: 1px solid #e0f2fe; }

.editor_tools .z-dropdown__con { margin-right: 0 !important; }

.editor_tools .z-dropdown.is-button { border: none; box-shadow: none; }

.editor_tools .liginColor .liginColorlists { display: flex; flex-direction: column; }

.editor_tools .liginColor .liginColorlists > span { display: inline-block; width: 25px; height: 25px; border-radius: 3px; margin: 3px 0; cursor: pointer; border: 2px solid transparent; }

.editor_tools .liginColor .liginColorlists > span.is-active { border: 2px solid #fff; }

.editor_tools .liginColor .liginColorlists > span:hover { border: 2px solid #fff; }

.editor_tools .is-active { color: #6b8ac0; font-weight: bold; background-color: #e0f2fe; }

.editor_tools button { border: none; display: inline-block; padding: 5px 7px; margin: 0 5px; border-radius: 3px; line-height: 16px; font-size: 1.1rem; background-color: #f0f9ff; }

.editor_tools button:hover { background: #f0f9ff; cursor: pointer; }

.editor_tools button.menus { position: relative; }

.editor_tools button.menus::before { position: absolute; left: 50%; top: 80%; margin-left: -3.5px; content: ''; border: 4px solid transparent; border-right: 4px solid lightgray; border-top: 4px solid lightgray; transform: rotate(135deg); }

.editor_tools .z-tooltip__tip { background-color: lightgray; color: #616161; }

.editor_tools .z-tooltip__tip > div { padding: 1px 1px; white-space: nowrap; font-size: 13px; }

.editor_tools .z-tooltip__tip::before { background-color: lightgray; }

.editor_tools .tool-icon { display: inline-flex; height: 1em; width: 1em; vertical-align: middle; }
